<template>
    <Main v-model="state" />
</template>

<script setup>
import { ref, provide } from 'vue';
import Main from '../../container/index.jsx';
import { initData } from '../../container/initData.js';
import { registerConfig as config } from '../../container/mapConfig.jsx';

const state = ref(initData);
provide("config", config);
</script>

<style lang="scss">
.main_container {
    display: grid;
    height: calc(100vh - 52px);
    grid-template-columns: 240px calc(100% - 540px) 300px;
    grid-template-rows: 70px calc(100% - 70px);
    grid-template-areas: 'a a b' 'c d b';

    background-color: var(--color-bg-main-black);
}
</style>